<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,inital-scale=1,user-scalable=no">
    <title>后台管理</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="animate.css-master/animate.css" type="text/css">
    <link rel="stylesheet" href="zh_2.css" type="text/css">
</head>
<body>
<!--导航-->
<nav class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="index_bootsystrap.html" class="navbar-brand">Maizi Admin</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="zh_2.html">
                    <span class="glyphicon glyphicon-home"></span>
                    后台首页</a> </li>
                <li><a href="user_list.html">
                    <span class="glyphicon glyphicon-user"></span>
                    用户管理</a> </li>
                <li><a href="content_list.html">
                    <span class="glyphicon glyphicon-list"></span>
                    内容管理</a> </li>
                <li><a href="tag.html">
                    <span class="glyphicon glyphicon-tags"></span>
                    标签管理</a> </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a>admin</a></li>
                <li><a><span class="glyphicon glyphicon-off"></span>退出</a></li>
            </ul>
        </div>
        <div class="navbar-collapse collapse navbar-right">
        </div>
    </div>
</nav>
<!--导航-->
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="alert alert-danger alert-dismissible fade in" role="alert">
              <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
              <h4>有漏洞，请修复</h4>
              <p>当前版本有漏洞，晴修复</p>
              <p>
                <button type="button" class="btn btn-danger">立即修复</button>
                <button type="button" class="btn btn-default" data-dismiss="alert">稍后处理</button>
              </p>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel panel-default">
              <div class="panel-heading"> 网页数据统计</div>
              <div class="panel-body">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>统计项目</th>
                        <th>今日</th>
                        <th>昨日</th>
                    </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row">注册会员</th>
                            <td>200</td>
                            <td>400</td>
                        </tr>
                        <tr>
                            <th scope="row">登录会员</th>
                            <td>320</td>
                            <td>461</td>
                        </tr>
                        <tr>
                            <th scope="row">今日发帖</th>
                            <td>2860</td>
                            <td>408</td>
                        </tr>
                        <tr>
                            <th scope="row">转载次数</th>
                            <td>8540</td>
                            <td>4513</td>
                        </tr>
                    </tbody>
                </table>
              </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel panel-default">
              <div class="panel-heading">网页热帖</div>
              <!--<div class="panel-body">-->
                <ul class="list-group">
                    <li class="list-group-item">
                        <a href="index.html"><span class="glyphicon glyphicon-th-list"></span>&nbsp;&nbsp;泛Mooc职业教育，效果和就业为主<small class="pull-right">2015/8/8</small></a>
                    </li>
                    <li class="list-group-item">
                        <a href="index.html"><span class="glyphicon glyphicon-th-list"></span>&nbsp;&nbsp;泛Mooc职业教育，效果和就业为主<small class="pull-right">2015/8/8</small></a>
                    </li>
                    <li class="list-group-item">
                        <a href="index.html"><span class="glyphicon glyphicon-th-list"></span>&nbsp;&nbsp;泛Mooc职业教育，效果和就业为主<small class="pull-right">2015/8/8</small></a>
                    </li>
                    <li class="list-group-item">
                        <a href="index.html"><span class="glyphicon glyphicon-th-list"></span>&nbsp;&nbsp;泛Mooc职业教育，效果和就业为主<small class="pull-right">2015/8/8</small></a>
                    </li>
                    <li class="list-group-item">
                        <a href="index.html"><span class="glyphicon glyphicon-th-list"></span>&nbsp;&nbsp;泛Mooc职业教育，效果和就业为主<small class="pull-right">2015/8/8</small></a>
                    </li>
                    <li class="list-group-item">
                        <a href="index.html"><span class="glyphicon glyphicon-th-list"></span>&nbsp;&nbsp;泛Mooc职业教育，效果和就业为主<small class="pull-right">2015/8/8</small></a>
                    </li>
                </ul>
              <!--</div>-->
            </div>
        </div>
         <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-heading">今日访客统计</div>
                <div class="panel-body">
                     <canvas id="myChart" class="col-md-12"></canvas>
                </div>
            </div>
         </div>
        <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-heading">服务器状态</div>
                <div class="panel-body">
                    <p>内存使用：40%</p>
                    <div class="progress">
                    <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                    <span class="sr-only">40% Complete (success)</span>
                    </div>
                    </div>
                    <p>数据库使用率：40%</p>
                    <div class="progress">
                    <div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
                    <span class="sr-only">20% Complete</span>
                    </div>
                    </div>
                    <p>硬盘使用：40%</p>
                    <div class="progress">
                    <div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                    <span class="sr-only">60% Complete (warning)</span>
                    </div>
                    </div>
                    <p>cpu使用：40%</p>
                    <div class="progress">
                    <div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                    <span class="sr-only">80% Complete (danger)</span>
                    </div>
                    </div>
                </div>
            </div>
         </div>
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">团队留言板</div>
                <div class="panel-body">
                    <div class="col-md-7">
                        <div class="media well">
                          <div class="media-left">
                            <a href="#">
                              <img class="media-object wh64" src="images/an.jpg"  alt="卓大哥">
                            </a>
                          </div>
                          <div class="media-body">
                            <h4 class="media-heading">卓大哥</h4>
                              技术大哥，今晚请把网站程序升级一下，现在系统有漏洞安装有问题...
                          </div>
                        </div>
                        <div class="media well">
                            <div class="media-body text-right">
                                <h4 class="media-heading">技术大哥</h4>
                                收到 今晚凌晨两点前砖石升级...
                            </div>
                            <div class="media-right">
                                <a href="#">
                                  <img class="media-object wh64" src="images/apple.jpg"  alt="技术">
                                </a>
                            </div>
                        </div>
                        <div class="media well">
                          <div class="media-left">
                            <a href="#">
                              <img class="media-object wh64" src="images/an.jpg"  alt="卓大哥">
                            </a>
                          </div>
                          <div class="media-body">
                            <h4 class="media-heading">卓大哥</h4>
                              技术大哥，今晚请把网站程序升级一下，现在系统有漏洞安装有问题...
                          </div>
                        </div>
                        <div class="media well">
                            <div class="media-body text-right">
                                <h4 class="media-heading">技术大哥</h4>
                                收到 今晚凌晨两点前砖石升级...
                            </div>
                            <div class="media-right">
                                <a href="#">
                                  <img class="media-object wh64" src="images/apple.jpg"  alt="技术">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <form action="#">
                            <div class="form-group">
                                <label for="text">输入留言</label>
                                <textarea class="form-control" id="text1" rows="5" cols="10" placeholder="请输入留言内容"></textarea>
                                <button type="submit" class="btn btn-default mar-t15">留言</button>
                            </div>
                        </form>
                        <div class="panel panel-default">
                            <div class="panel-heading">团队联系手册</div>
                            <div class="panel-body">
                                <ul class="list-group mar-b10">
                                    <li class="list-group-item">站长（李小龙）：<span class="glyphicon glyphicon-phone"></span>&nbsp;&nbsp;123456</li>
                                    <li class="list-group-item">站长（李小龙）：<span class="glyphicon glyphicon-phone"></span>&nbsp;&nbsp;123456</li>
                                    <li class="list-group-item">站长（李小龙）：<span class="glyphicon glyphicon-phone"></span>&nbsp;&nbsp;123456</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <p>校址: &nbsp;北京市海淀区学院路29号,100083&nbsp;电话:&nbsp;010-82322005</p>
            </div>
        </div>
    </div>
</footer>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/Chart.bundle.js"></script>
<script src="js/Chart.js"></script>
<script src="js/script.js"></script>
<script src="js/singlepagenav.jquery.js"></script>
<script src="WOW-1.1.2/dist/wow.min.js"></script>
<script>
    // 导航滑动到位
    $(function() {
        $('.nav').singlePageNav({
            offset: 70
        });
        // 小屏幕导航自动关闭
        $('.navbar-collapse a').click(function () {
            $('.navbar-collapse').collapse('hide');
        });
        new WOW().init();
    })
</script>
</body>
</html>